.region-selection {
  height: calc(100vh - env(safe-area-inset-bottom));

  .region-selection-title {
    height: 100rpx;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 2rpx solid #f5f5f5;

    .region-selection-title-item {
      height: 100rpx;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .region-selection-title-item-active {
      color: #1989f5;
    }
  }

  .region-selection-body {
    height: calc(100vh - env(safe-area-inset-bottom) - 110rpx);

    .region-selection-body-item {
      font-size: 30rpx;
      padding: 35rpx 30rpx 35rpx 20rpx;
      display: flex;
      border-bottom: 2rpx solid #f5f5f5;

      .region-selection-body-item-label {}

      .region-selection-body-item-icon {
        margin-left: auto;
      }
    }
  }
}